<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        .clear::after{
            content: '';
            display: block;
            clear: both;
        }
        .toubu div{
            float: left;
           
            height: 60px;
            width: 10%;
            text-align: center;
            line-height: 60px;
        }
        .toubu div:last-child{
            margin-left: 2%;
            background-color: aliceblue;
        }
        h3{
            margin-left: 1%;
            padding-left: 1%;
            border-left: aqua solid 2px;
            margin-top: 2%;
        }
        p{
            margin-left: 3%;
            margin-top: 2%;
        }
        span{
            width: 100px;
        }
        .yincang{
            color: rgba(0, 0,0, 0);
        }
    </style>
    <link rel="stylesheet" href="../lib/bootstrap-3.3.5-dist/css/bootstrap.css">
    <link rel="stylesheet" href="../css/caidanlan.css">
    <link rel="stylesheet" href="../css/top.css">
    <script src="../lib/bootstrap-3.3.5-dist/js/bootstrap.js"></script>
    <script src="../lib/bootstrap-3.3.5-dist/js/jquery-1.11.3.js"></script>
</head>
<body>
    <div class="container-fluid">
        <div class="row top">
            <div class="col-md-3 col-md-offset-1">
                <ul>
                    <li>
                        <span class="iconfont icon-shouji"></span>
                    </li>
                    <li>
                        <span>小阳招聘APP</span>
                    </li>
                    <li>
                        <select name="" id="">
                            <option value="">广州市</option>
                        </select>
                    </li>
                </ul>
            </div>
        
            <!-- 顶部首页（未登录） -->
            <!-- <div class="col-md-3 col-md-offset-4">
                <ul>
                    <li><span class="iconfont icon-lingdang"></span></li>
                    <li><a href="">招聘中心</a></li>
                    <li><a href="">登录</a></li>
                    <li>|</li>
                    <li><a href="">注册</a></li>
                </ul>
            </div> -->

            <!-- 顶部首页（已登录） -->
            <div class="col-md-3 col-md-offset-4">
                <ul>
                    <li><span class="iconfont icon-lingdang"></span></li>
                    <li id="imgLi"><img src="../images/u1042.png" alt=""></li>
                    <li><a href="">个人中心</a></li>
                    <li>|</li>
                    <li><a href="">退出登录</a></li>
                </ul>
            </div>
        </div>
        <div class="row">
            <div class="col-md-2" id="caidanlan">
                <div>
                    <img src="../images/u645.jpg" alt="#">
                </div>
                <!-- 企业中心菜单栏 -->
                <ul>
                    <li><a href="">企业资料</a></li>
                    <li><a href="">发布职位</a></li>
                    <li><a href="">已发布职位</a></li>
                </ul>
            </div>
            <div class="col-md-10">
                <div class="jutiyaoqiu ">
                    <div class="toubu clear">
                    </div>
                    <div>
                        <h3>招聘岗位</h3>
                        <p><span>岗<span class="yincang">要求</span>位：</span><span>搬运工</span></p>
                        <p><span>年龄要求：</span><span>19-23</span></p>
                        <p><span>学历要求：</span><span>不限</span></span></p>
                    </div>
                    <div>
                        <p>岗位职责：</p>
                       <div>
                        <p>1、主要负责工厂内的货物运输拌匀工作，是不是很简单，所以体力要好哟!</p>
                       </div>
                        <p>任职职责:</p>
                        <div>
                            <p>1、男性、没有重大残疾，不要拖家带口</p>
                            <p>1、男性、没有重大残疾，不要拖家带口</p>               
                        </div>
                        <p>上班时间：</p>
                        <div>
                            <p>1、每月有4天可以调休，上班时间为每天的08:00-18:00</p>
                        </div>
                    </div>
                    <div>
                        <h3>工作待遇</h3>
                       <p> <span>薪资范围：</span><span>3K-6K</span></p>
                       <p> <span>工作时间：</span><input type="radio" checked='false'><span>单休</span></p>
                       <p> <span>工作福利：</span><input type="radio"><span>提供食宿</span></p>
                       <p>其它福利</p>
                       <div>
                           <p>1、每月有4天可以调休，上班时间为每天的08:00-18:00</p>
                           <p>2、下班后专车接送到住宿地方</p>
                       </div>
                    </div>
                </div>
                <div>
                    <h3>工作地址</h3>
                    <p><span>工作地址：</span><span>广州市白云区机场北路88号黑马物流109楼A室</span></p>
                    <div>
                        <img src="https://map.baidu.com/search/%E9%AB%98%E6%96%B0-%E5%9C%B0%E9%93%81%E7%AB%99/@11585151.465,3559002.9,19z?querytype=s&da_src=shareurl&wd=%E9%AB%98%E6%96%B0-%E5%9C%B0%E9%93%81%E7%AB%99&c=75&src=0&wd2=%E6%88%90%E9%83%BD%E5%B8%82%E6%AD%A6%E4%BE%AF%E5%8C%BA&pn=0&sug=1&l=12&b=(11560737.147418194,3532832.9329788233;11609889.147418194,3578912.9329788233)&from=webmap&biz_forward=%7B%22scaler%22:2,%22styles%22:%22pl%22%7D&sug_forward=441526ba4e6258bc8405bf58&device_ratio=2" alt="">
                    </div>
                </div>
                
            </div>
        </div>
    </div>
</body>
</html>
<script src="../JavaScript/caidanlan.js"></script>